<template>
  <u-popup :show="show" @close="close" @open="open" round="12rpx" closeable>
    <view class="flex-center-center pt-40 pb-40">驳回申请</view>
    <view class="bgc-f7f8fa textarea-box br-12">
      <u-textarea
        :focus="isFocus"
        border="none"
        height="268rpx"
        placeholder="请输入店铺简介"
        v-model="content"
      ></u-textarea>
    </view>
    <view class="mt-12 flex-center-center"
      ><u-button :customStyle="btnStyle" @click="onSubmit">确认</u-button></view
    >
  </u-popup>
</template>
<script>
export default {
  data() {
    return {
      content: "",
      show: false,
      isFocus: false,
      btnStyle: {
        width: "686rpx",
        height: "88rpx",
        borderRadius: "12rpx",
        background: "#C5261D",
        color: "#fff",
        border: "none",
      },
    };
  },
  methods: {
    open() {
      this.show = true;
      this.isFocus = true;
    },
    close() {
      this.isFocus = false;
      this.show = false;
      this.content = "";
    },
    onSubmit() {
      this.show = false;
      this.$emit("submit", this.content);
    },
  },
};
</script>

<style lang="scss" scoped>
.textarea-box {
  margin: 0 32rpx 32rpx;
  background-color: #f7f8fa;
}
</style>
